// $(function() {
    
//         var myChart = echarts.init(document.getElementById("ec04_pie_computerBroken"));
//          var option = {
//              title: {
//                 //  text: '电脑修复解决方案',
//                  left: 'left',
//                  top: 40,
//                  textStyle: {
//                     color: 'write'
//                  }
//              },
//              tooltip: {
//                 trigger: 'item'
//              },
//              legend: {
//                 data: ['重启', '找人帮忙', '放弃使用', '想法修复']
    
//             },
//             //color: ['pink', 'red', 'green', 'blue'],
//             visualMap: {
//                  show: false,
//                 min: 80,
//                 max: 600,
//                 inRange: {
//                     colorLightness: [0, 1]
//                  }
//             },
//              series: [{
//                  status: '304',
//                  name: 'Access From',
//                  type: 'pie',
//                  radius: '55%',
//                  center: ['50%', '50%'],
//                  msg: 'SUCCESS',
//                  data: [
//                     { value: 72, name: '重启', itemStyle: { color: 'pink' } },
//                     { value: 3, name: '找人帮忙', itemStyle: { color: 'grey' } },
//                     { value: 10, name: '放弃使用', itemStyle: { color: 'green' } },
//                     { value: 15, name: '想法修复', itemStyle: { color: 'blue' } }
//                 ].sort(function(a, b) {
//                     return a.value - b.value;
//                 }),
//                 roseType: 'radius',
//                 label: {
//                 color: 'rgba(255, 255, 255, 0.3)'
//                 },
//                 labelLine: {
//                     lineStyle: {
//                         color: 'rgba(255, 255, 255, 1)'
//                     },
//                     smooth: 0.2,
//                     length: 10,
//                     length2: 20
//                 },
//                 itemStyle: {
//                     color: '#fff',
//                     shadowBlur: 200,
//                     shadowColor: 'rgba(0, 0, 0, 1)'
//                 },
//                 animationType: 'scale',
//                 animationEasing: 'elasticOut',
//                 animationDelay: function(idx) {
//                      return Math.random() * 200;
//                  }
//              }]
//         };
    
//          myChart.setOption(option);
    
    
    
//     });
$.ajax({
    url: 'http://127.0.0.1:8086/computer',
    type: 'GET',
    dataType: 'json',
    success: function (data) {
        var chartData = [];
        for (var key in data.data) {
            chartData.push({
                name: key,
                value: data.data[key]
            });
        }
        var myChart = echarts.init(document.getElementById('ec04_pie_computerBroken'));
        myChart.setOption({
             title: {
                //  text: '电脑修复解决方案',
                left: 'left',
                op: 40,
                textStyle: {
                color: 'write'
                }
             },
             tooltip: {
                trigger: 'item'
            },
// <<<<<<< HEAD
            //color: ['pink', 'red', 'green', 'blue'],
//             visualMap: {
//                  show: false,
//                 min: 80,
//                 max: 600,
//                 inRange: {
//                     colorLightness: [0, 1]
//                  }
//             },
//              series: [{
//                  status: '304',
//                  name: 'Access From',
//                  type: 'pie',
//                  radius: ['20%','55%'],
//                  center: ['50%', '50%'],
//                  msg: 'SUCCESS',
//                  data: [
//                     { value: 72, name: '重启', itemStyle: { color: 'pink' } },
//                     { value: 3, name: '找人帮忙', itemStyle: { color: 'grey' } },
//                     { value: 10, name: '放弃使用', itemStyle: { color: 'green' } },
//                     { value: 15, name: '想法修复', itemStyle: { color: 'blue' } }
//                 ].sort(function(a, b) {
//                     return a.value - b.value;
//                 }),
//                 roseType: 'radius',
//                 label: {
//                 color: 'rgba(255, 255, 255, 0.3)'
//                 },
//                 labelLine: {
//                     lineStyle: {
//                         color: 'rgba(255, 255, 255, 1)'
// =======
                legend: {

                    textStyle: {
                        fontSize: 10,
                        color: '#fff' // 修改字体颜色
                    }
                },
// >>>>>>> 1173ce305cad7e56a39978f4d8eea4f74b093cda
                    // },

                series: [{
                     status: '304',
                     name: 'Access From',
                     type: 'pie',
                     radius: '55%',
                     center: ['50%', '50%'],
                itemStyle: {
                    borderRadius: 5
                },
                data: chartData
            }]
        });
    }
});